<div ng-init="init();" class="kmi-layout-content menu-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'menu.title' | translate"></div>
        <div class="kmi-side-btn" ng-click="setting();">
            <img src="image/icons/settings.png"></img> 
            <div class="kmi-can-click"></div>
        </div>
        <!--<div class="header-logo"></div>-->
    </div>
    <div class="kmi-layout-main-content system-info">
        <div class="kmi-tab-content" style="border-bottom:1px #cecece solid;" ng-if="isShowMenu.length > 1">
            <div class="tab" ng-repeat="menuItem in menu | filter: {isShow : true} | orderBy: 'order'"
                ng-click="moduleClick(menuItem);" ng-class="{'is-select':$root.subMenu.name == menuItem.name}">
                <label ng-bind="menuItem.title | translate" ></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
        <div class="menu-panel">
            <div class="menu-item" ng-repeat="menuItem in $root.subMenu.child | orderBy: 'order' | filter: {isShow : true} track by menuItem.name"
                ng-style="menuStyle(menuItem)" ng-class="[hasMenuChild(menuItem)]" >
                <div class="block">
                    <div class="menu-icon">
                        <img ng-src="{{menuItem.icon}}">
                    </div>
                    <label class="label" ng-bind="menuItem.title | translate"></label>
                    <div class="menu-back"></div>
                    <div class="kmi-can-click" ng-click="menuClick(menuItem, $event)"></div>
                </div>
                <div class="child-title">
                    <label class="label" ng-bind="menuItem.title | translate"></label>
                    <div class="title-line"></div>
                </div>
                <div class="child-block">
                    <div class="menu-item" ng-repeat="childMenuItem in menuItem.child | orderBy: 'order' | filter: {isShow : true} track by childMenuItem.name"
                        ng-style="menuChildStyle(childMenuItem, menuItem.maxColCount)" style="box-shadow: none;">
                        <div class="menu-icon">
                            <img ng-src="{{childMenuItem.icon}}">
                        </div>
                        <label class="label" ng-bind="childMenuItem.title | translate"></label>
                        <div class="menu-back"></div>
                        <div class="kmi-can-click" ng-click="menuClick(childMenuItem, $event)"></div>
                    </div>
                    <!-- <label class="label" ng-bind="menuItem.title | translate"></label> -->
                </div>
            </div>
        </div>
    </div>
</div>
